<template>
	<view>
		<uni-popup ref="rulModel" type="center" zindex>
			<view class="modelcon">
          <view class="model_titles">优惠计算规则</view>
          <view class="model_arts margTps">1.满减优惠金额、红包、商家券、新客首减、门店新客等活动，根据每位拼友选购的商品价格，按金额比例分摊给每位拼友。</view>
          <view class="model_arts"> 2.折扣菜/第二份半价菜，根据先选先得的原则，优先选购的拼友享受活动价优惠。</view>
          <view class="model_titles margTp">配送费计算规则</view>
          <view class="model_arts margTps">配送费只按照1笔订单收取，根据每位拼友选购的商品价格，按金额比例分摊给每位拼友。</view>
			    <view class="model_titles margTp">打包费计算规则</view>
					<view class="model_arts margTps">打包费根据每位拼友的选购商品分别进行计算，不会进行平均分配。</view>
			</view>
			<view class="actions flex justify-center align-center margTps">
				<text class="cuIcon-roundclose"
					style="color: #fff;font-size: 80rpx;font-weight: 200;" @click="close"></text>
			</view>
		</uni-popup>
	</view>
</template>

<script setup lang="ts">
	import { ref } from 'vue';
	const rulModel = ref()
	const open = () => {
		rulModel.value.open()
	}
	const close = () => {
		rulModel.value.close()
	}
	defineExpose({ open, close })
</script>

<style lang="scss" scoped>
	.modelcon {
		width: 90vw;
		height: 788rpx;
		border-radius: 20rpx;
		background-color: #fff;
		padding: 40rpx 40rpx 20rpx 40rpx;
		text-align: justify;
		font-family: "Microsoft YaHei UI";
		font-size: 32rpx;
		.model_titles{
			color: #000;
		}
		.model_arts{
			color: #999;
			letter-spacing:0.6rpx;
		}
	}
	.margTp{
		margin-top: 30rpx;
	}
	.margTps{
		margin-top: 20rpx;
	}
</style>